<template>
  <div id="app">
      <img src="./img/re.png" alt="">
    
      <div class="box">
          <div></div>
        
        <div><span style="color:red; ">01</span>在黑暗中舞</div>
        <span>刘也-朝圣者The Dreamer</span>
      </div>
      <div class="box">
        <div><span style="color:red; ">02</span>在黑暗中舞</div>
        <span>刘也-朝圣者The Dreamer</span>
      </div>
      <div class="box">
        <div><span style="color:red; ">03</span>在黑暗中舞</div>
        <span>刘也-朝圣者The Dreamer</span>
      </div>
      <div class="box">
        <div><span>04</span>在黑暗中舞</div>
        <span>刘也-朝圣者The Dreamer</span>
      </div>
      <div class="box">
        <div><span>05</span>在黑暗中舞</div>
        <span>刘也-朝圣者The Dreamer</span>
      </div>
      <div class="box">
        <div><span>06</span>在黑暗中舞</div>
        <span>刘也-朝圣者The Dreamer</span>
      </div>
      <div class="bd">
          查看完整榜单>
      </div>
  </div>
</template>
<script>
export default {
  name: "Re",
  methods:{
      
  },
  components: {},
  data() {
    return {
        
    };
  },
};
</script>
<style scoped>
    #app{
        width: 3.75rem;
    }
    #app img{
        width: 100%;
    }
    .box{
        margin-left: 0.1rem;
        height: 0.6rem;
         border-bottom: 1px solid rgb(234, 228, 228);
    }
    .box div{
        font-size: 0.15rem;
       
    }
    .box span{
        font-size: 13px;
        color: rgb(160, 166, 172);
    }
    .bd{
        margin-top: 0.2rem;
         color: rgb(160, 166, 172);
        text-align: center;
    }
</style>